//设置背景自适应浏览器宽度
window.onload = function() {

    var winHeight = document.documentElement.clientHeight;
    // var winWidth = window.screen.width;
    var winWidth = document.documentElement.clientWidth;
    document.getElementById("backgrounds").style.height = winHeight + "px";
    document.getElementById("backgrounds").style.width = winWidth + "px";

    // 设置登录框垂直居中
    document.getElementById("div_position").style.marginTop = winHeight / 2 - 170 + "px";
}
$(document).ready(
    function() {
        //信息初始化
        //账号
        $("#tid").focus(function() {
            if ($(this).val() == '您的邮箱账号/手机号')
                $(this).val("");
            $(this).css("color", "#333333");
        }).blur(function() {
            if ($(this).val() == '') {
                $(this).val("您的邮箱账号/手机号");
                $(this).attr("style", "");
            }
        });
        $("#username").focus(function() {
            if ($(this).val() == '您的用户名')
                $(this).val("");
            $(this).css("color", "#333333");
        }).blur(function() {
            if ($(this).val() == '') {
                $(this).val("您的用户名");
                $(this).attr("style", "");
            }
        });
        //密码
        $("#pwd").focus(function() {
            if ($(this).val() == '您的密码') {
                $(this).val("");
                $(this).attr("type", "password");
            }
            $(this).css("color", "#333333");
        }).blur(function() {
            if ($(this).val() == '') {
                $(this).val("您的密码");
                $(this).attr("style", "");
                $(this).attr("type", "text");
            }
        });
        //再次确认
        $("#pwd_repeat").focus(function() {
            if ($(this).val() == '请再次确认密码') {
                $(this).val("");
                $(this).attr("type", "password");
            }
            $(this).css("color", "#333333");
        }).blur(function() {
            if ($(this).val() == '') {
                $(this).val("请再次确认密码");
                $(this).attr("style", "");
                $(this).attr("type", "text");
            }
        });
        //注册手机号
        $("#phone").focus(function() {
            if ($(this).val() == '请输入手机号')
                $(this).val("");
            $(this).css("color", "#333333");
        }).blur(function() {
            if ($(this).val() == '') {
                $(this).val("请输入手机号");
                $(this).attr("style", "");
            }
        });
        //注册邮箱
        $("#mailcode").focus(function() {
            if ($(this).val() == '请输入邮箱')
                $(this).val("");
            $(this).css("color", "#333333");
        }).blur(function() {
            if ($(this).val() == '') {
                $(this).val("请输入邮箱");
                $(this).attr("style", "");
            }
        });

        //验证码
        $("#ident").focus(function() {
            if ($(this).val() == '验证码') {
                $(this).val("");
                $(this).attr("type", "text");
            }
            $(this).css("color", "#333333");
        }).blur(function() {
            if ($(this).val() == '') {
                $(this).val("验证码");
                $(this).attr("style", "");
                $(this).attr("type", "text");
            }
        });
        $("#code").focus(function() {
            if ($(this).val() == '验证码') {
                $(this).val("");
                $(this).attr("type", "text");
            }
            $(this).css("color", "#333333");
        }).blur(function() {
            if ($(this).val() == '') {
                $(this).val("验证码");
                $(this).attr("style", "");
                $(this).attr("type", "text");
            }
        });
        $("#button").click(function() {
            if($("#regesits").is(":visible")){
                login('loginForm');
            }
        });
        $("#register_button").click(function () {
            register('log_reg_form');
        });
    });

/**
 * 此处是登录页面修改点击登录的表单action值
 * 切换到登录模式
 * @param formName 表单名称
 */
function login(formName) {
    if (check()) {
        var url = $("#log_reg_form").attr("action");
        var start = url.lastIndexOf("/");
        var end = url.indexOf(";");
        if(end == -1)
            var newurl = url.replace(url.substring(start),"/login.jhtml");
        else
            var newurl = url.replace(url.substring(start,end),"/login.jhtml");
        $("#log_reg_form").attr("action", newurl);
        window.document.forms[formName].submit();
    }
}
/**
 * 此处是点击注册进入注册页面后修改表单提交的action
 * 切换到注册模式
 * @param formName 表单名称
 */
function register(formName) {
    if (register_check()) {
        var url = $("#log_reg_form").attr("action");
        var start = url.lastIndexOf("/");
        var end = url.indexOf(";");
        if(end == -1)
            var newurl = url.replace(url.substring(start),"/register.jhtml");
        else
            var newurl = url.replace(url.substring(start,end),"/register.jhtml");
        $("#log_reg_form").attr("action", newurl);
        window.document.forms[formName].submit();
    }
}

/**
 * 对用户名、密码、验证码进行验证。
 * @returns {Boolean} 返回是否验证通过
 */
function check() {
    // 点击登录按钮时，对输入框的值进行验证
    if ($("#pwd").is(":visible")) {
        var pwd = $("#pwd").val();
        var tid = $("#tid").val();
        if (tid == "您的邮箱账号/手机号" && pwd == "您的密码") {
            $("#contents").html("账号或密码不能为空");
            return false;
        } else if (tid == "您的邮箱账号/手机号" || tid == " ") {
            $("#contents").html("账号不能为空");
            return false;
        } else if (!tid
            .match(/(^1[0-9]{10}$)|(^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$)/)) {
            $("#contents").html("邮箱账号/手机号格式不正确");
            return false;
        } else if (pwd == "您的密码") {
            $("#contents").html("密码不能为空");
            return false;
        }
        return true;
    }
}
function register_check() {
    // // 点击注册按钮时，对输入框的值进行验证
        var tid = $("#username").val();
        var pwd = $("#pwd").val();
        var pwd_repeat = $("#pwd_repeat").val();
        var email = $("#mailcode").val();
        var phone = $("#phone").val();

        var tmp=/([a-zA-Z0-9]{1,18})/;
        if (tid == "您的用户名" && pwd == "您的密码") {
            $("#contents").html("用户名或密码不能为空");
            return false;
        } else if (tid == "您的用户名" || tid === " ") {
            $("#contents").html("用户名不能为空");
            return false;
        }else if (pwd == "您的密码") {
            $("#contents").html("密码不能为空");
            return false;
        }else if (pwd !== pwd_repeat) {
            $("#contents").html("两次输入的密码不一致");
            return false;
        } else if (phone === "" || phone == null) {
            $("#contents").html("请输入手机号");
            return false;
        } else if (!phone.match(/(^1[0-9]{10}$)/)) {
            $("#contents").html("手机号格式不正确");
            return false;
        }else if (email == "请输入邮箱" || email === "") {
            $("#contents").html("邮箱不能为空");
            return false;
        } else if (!email.match(/(^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$)/)) {
            $("#contents").html("邮箱格式不正确");
            return false;
        }
        return true;
}

// js获取项目根路径，如： http://localhost:8080/Qunawan
function getRootPath() {
    // 获取当前网址，如： http://localhost:8080/Qunawan/pages/index.jsp
    var curWwwPath = window.document.location.href;
    // 获取主机地址之后的目录，如： Qunawan/pages/index.jsp
    var pathName = window.document.location.pathname;
    var pos = curWwwPath.indexOf(pathName);
    // 获取主机地址，如： http://localhost:8080
    var localhostPaht = curWwwPath.substring(0, pos);
    // 获取带"/"的项目名，如：/Qunawan
    var projectName = pathName
        .substring(0, pathName.substr(1).indexOf('/') + 1);
    return (localhostPaht + projectName);
}